<?php if( $this->session->userdata('session_iniciada') != TRUE ){ redirect(site_url('login')); } ?>
<div align="center"><?php echo $this->pagination->create_links(); ?></div>
<!-- TABLA CURSOS -->
<div id="tabla_cursos" align="center">
    <!-- BUSQUEDA AVANZADA -->
    <a href="#" class="show_hide">Busqueda Avanzada (Mostrar/Ocultar)</a>
    <div id="filtroRegistros" class="slidingDiv">
        <form id="filtroRegistroForm" action="Cursos/BuscarCursos" method="POST">
                    <select name="tipoBusqueda" id="tipoBusqueda" class="inputTextMedium">
                        <option value="null">--Seleccionar--</option>
                        <option value="maestro">Por Docente</option>
                        <option value="grupo">Por Grupo</option>
                        <option value="materia">Por Materia</option>
                        <option value="periodo">Por Periodo</option>
                    </select>
                    <input name="filtro" id="filtro" class="inputTextMedium" type="text" />
                    <input name="btnFiltro" id="btnFiltro" class="button" type="submit" value="Buscar" />
        </form>
    </div>
    <!-- FIN BUSQUEDA AVANZADA -->
    <br/>
    <!-- AGREGAR NUEVO ALUMNO -->
    <a href="#" class="show_hide2">Agregar Nuevo Curso (Mostrar/Ocultar)</a>
    <div id="nvoAlumno" class="slidingDiv2">
        <form id="nvoCursoForm" action="Cursos/AgregarCurso" method="POST">
                    Docente:<input name="maestro" id="maestro" class="inputTextMedium" type="text" />
                    Grupo:<input name="grupo" id="grupo" class="inputTextMedium" type="text" />
                    Materia:<input name="materia" id="materia" class="inputTextMedium" type="text" />
                    Periodo:<input name="periodo" id="periodo" class="inputTextMedium" type="text" />
                    <input name="btnNvoCurso" id="btnNvoCurso" class="button" type="submit" value="Guardar" />
        </form>
    </div>
    <!-- FIN AGREGAR NUEVO ALUMNO -->
<table id="rounded-corner" >
    <thead>
    	<tr>
        	<th scope="col" class="rounded-company">Curso</th>
            <th scope="col" class="rounded-q1">Clave Docente</th>
            <th scope="col" class="rounded-q1">Docente</th>
            <th scope="col" class="rounded-q1">Grupo</th>
            <th scope="col" class="rounded-q1">Clave Materia</th>
            <th scope="col" class="rounded-q1">Materia</th>
            <th scope="col" class="rounded-q1">Periodo</th>
            <th scope="col" class="rounded-q2">Modificar</th>
            <th scope="col" class="rounded-q4">Eliminar</th>
        </tr>
    </thead>
        <tfoot>
    	<tr>
        	<td colspan="8" class="rounded-foot-left"></td>
        	<td class="rounded-foot-right">&nbsp;</td>
        </tr>
    </tfoot>
    <tbody>
        <?php
            $_html = "";
            foreach ($registros as $registro) {
                $_html .= "<tr>\n";
                $_html .=       "\t<td>" . $registro->id_curso . "</td>\n";
                $_html .=       "\t<td>" . $registro->maestro    . "</td>\n";
                $_html .=       "\t<td>" . $registro->maestro_n    . "</td>\n";
                $_html .=       "\t<td>" . $registro->grupo    . "</td>\n";
                $_html .=       "\t<td>" . $registro->materia    . "</td>\n";
                $_html .=       "\t<td>" . $registro->materia_n    . "</td>\n";
                $_html .=       "\t<td>" . $registro->periodo    . "</td>\n";
                $_html .=       "\t<td title = 'Modificar Registro'><img id=\"img" . $registro->id_curso . "\" src='" . dirname(base_url()) . "/ci/img/modificar.png' onclick=\"mostrarModForm('". $registro->id_curso ."','". $registro->maestro ."','". $registro->grupo ."','". $registro->materia ."','". $registro->periodo ."');\" /></td>\n";
                $_html .=       "\t<td title = 'Eliminar Registro'><img src='" . dirname(base_url()) . "/ci/img/eliminar.png' onclick=\"confirmarEliminar('". $registro->id_curso ."');\" /></td>\n";
                $_html .= "</tr>\n";
                $_html .= "<tr>\n";
                $_html .= "\t<td style = \"padding: 0px;\" colspan=\"7\"><div id=\"div" . $registro->id_curso . "\"></div></td>\n";
                $_html .= "</tr>\n";
            }
            echo $_html;
        ?>
    </tbody>
</table>
</div>
<div align="center"><?php echo $this->pagination->create_links(); ?></div>
<br/>
<br/>


<!-- Confirmar Eliminacion de Estudiante -->
<script type="text/JavaScript">
    function confirmarEliminar(id){
    var decision = confirm("Esta seguro de eliminar el curso #" + id + " ?");
    if( decision == true)
        window.location = "<?php echo site_url()?>/Cursos/EliminarCurso/" + id;
    else
        window.location = "<?php echo site_url()?>/Cursos";
    }
</script>
<!-- Fin confirmacion eliminar estudiante -->

<!-- Modificar Alumno -->
<script type="text/javascript">
    function mostrarModForm (id,maestro,grupo,materia,periodo) {
        var _id             = id;               //#
        var img_id          = "#img" + id;      //IMG Modificar
        var div_id          = "#div" + id;      //Div contenido debajo de cada registro
        var btn_guardar     = "#btn" + id;
        /*Campos dentro del div de contenido, para modificar cursos*/
        var form            = "<form id=\"" + _id +"\" action=\"<?php echo site_url();?>/Cursos/ActualizarCurso\" method=\"POST\" >";
        var cerrar_form     = "</form>";
        var id_curso_label  = "<td>Curso: <input class=\"inputTextReadOnly\" type=\"text\" name=\"curso\" id=\"curso\" value=\"" + _id + "\" readonly=\"readonly\" size=\"10\"  ></td>";
        var maestro_input   = "<td>Nuevo Maestro: <input class=\"inputText\" type=\"text\" name=\"maestro\" id=\"maestro\" value=\"" + maestro + "\" size=\"45\" ></td>";
        var grupo_input     = "<td>Nuevo Grupo: <input class=\"inputText\" type=\"text\" name=\"grupo\" id=\"grupo\" value=\"" + grupo + "\" size=\"45\" ></td>";
        var materia_input   = "<td>Nuevo Materia: <input class=\"inputText\" type=\"text\" name=\"materia\" id=\"materia\" value=\"" + materia + "\" size=\"45\" ></td>";
        var periodo_input   = "<td>Nuevo Periodo: <input class=\"inputText\" type=\"text\" name=\"periodo\" id=\"periodo\" value=\"" + periodo + "\" size=\"45\" ></td>";
        var button_submit   = "<td><input class=\"button\" id=\"modificar\" type=\"submit\" value=\"Modificar\" ></td>";

        /*Click en Boton modificar -> carga una nueva fila debajo del registro a modificar*/
        $(img_id).click(function() {
            $(div_id).html(form + id_curso_label + maestro_input + grupo_input + materia_input + periodo_input + button_submit + cerrar_form);
            $(div_id).css("padding","8px");
        });
    }
</script>
<!-- Fin Modificar Alumno -->

<!-- NOTIFICACIONES AL USUARIO -->
<script type="text/javascript">
$(document).ready(function(){
    //Busqueda Avanzada
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
    //Nuevo Curso
    $(".slidingDiv2").hide();
    $(".show_hide2").show();
    $('.show_hide2').click(function(){
        $(".slidingDiv2").slideToggle();
    });
    //AVISO
    var aviso = "<?php echo $this->session->flashdata('aviso'); ?>";
    // Ocultar los mensajes
    hideAllMessages();
    if (aviso == "TRUE") {
        showMessage("success");
    } else if (aviso == "FALSE") {
        showMessage("error");
    }

    // Ocultar mensaje cuando den click
         $('.message').click(function(){
                  $(this).animate({top: -$(this).outerHeight()}, 500);
          });
});
</script>
<!-- NOTIFICACIONES AL USUARIO